﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>领取红包</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="format-detection" content="telephone=no" />
	<link rel="stylesheet" type="text/css" href="../addons/zh_tcwq/template/mobile/css/reset.css">
	<link rel="stylesheet" type="text/css" href="../addons/zh_tcwq/template/mobile/css/style.css">
	<script type="text/javascript" src="../addons/zh_tcwq/template/mobile/js/jquery.js"></script>
	<script type="text/javascript" src="../addons/zh_tcwq/template/mobile/js/font.js"></script>
	<style type="text/css">
	.mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); display: none; z-index: 99; }
	.mess { position: absolute; display: none; width: 300px; height: 0px; top: 0;  background: #ececec; text-align: center; z-index: 101; }
	.ovfHiden{
    overflow: hidden;
    height: 100%;
}
	</style>
	
<script type="text/javascript">
	$(document).ready(function() {
		$('html,body').removeClass('ovfHiden');
		$('.cjflbox').click(function() {
			$('.mask').css({'display': 'block'});
			center($('.mess'));
			check($('.mask'));
			 $('html,body').addClass('ovfHiden');
		});

		//确定取消的操作
		function check(obj) {
			
			obj.click(function() {
			closed($('.mask'),$('.mess'));
			$('html,body').removeClass('ovfHiden');
			});
		}
		// 隐藏 的操作
		function closed(obj1,obj2) {
			obj1.hide();
			obj2.hide();

		}

		
		// 居中
		function center(obj) {
			var screenWidth = $(window).width();
			screenHeight = $(window).height(); //当前浏览器窗口的 宽高
			var scrolltop = $(document).scrollTop();//获取当前窗口距离页面顶部高度
			var objLeft = (screenWidth - obj.width())/2 ;
			var objTop = (screenHeight - obj.height())/15 + scrolltop;
			obj.css({left: objLeft + 'px', top: objTop + 'px','display': 'block'});
			//浏览器窗口大小改变时
				$(window).resize(function() {
					screenWidth = $(window).width();
					screenHeight = $(window).height();
					scrolltop = $(document).scrollTop();
					objLeft = (screenWidth - obj.width())/2 ;
					objTop = (screenHeight - obj.height())/12 + scrolltop;
					obj.css({left: objLeft + 'px', top: objTop + 'px','display': 'block'});
				});
				
		}

	});
</script>

</head>
<audio src="../addons/zh_tcwq/template/mobile/hong.mp3"  autoplay="autoplay"> </audio>
<body>
<div class="nybox">
	<div class="xcx">
		<img src="../addons/zh_tcwq/template/mobile/images/a3.png"/>
		<p>识别关注公众号<br />查看您的卡券红包</p>
	</div>
	<div class="cjfl">
		<ul>
			{loop $list $item}
			<li>
				
					<div class="cjflbox">
						<span>{$item['tname']}</span>
						<h2>{$item['title']}</h2>
						<div class="cjwz">
							<p><i class="fr">{$item['typename']}</i><img src="{$item['logo']}"/>{$item['name']}<br>{$item['time']}</p>
						</div>
					</div>
				
			</li>
			{/loop}
		</ul>
	</div>
</div>
<div class="mask"></div>
<div class="mess">
<p><img src="../addons/zh_tcwq/template/mobile/images/xZ86wwAeWO4816045Aq88u8FwUaw00.png"></p>
</div>

<div class="foonter">
	<p>惠倾城同城线下红包拓客营销：400-961-5737</p>
</div>

</body>
</html>